<script type="text/javascript" src="{{handler.static_url}}/js/settings.js"></script>

<div class="settings modal top">
	<div class="modal-body" style="position: relative;"> 
		<ul class="tabs"> 
			<li class="active" id="0"><a href="#">基本资料</a></li> 
			<li id="2"><a href="#">修改密码</a></li>
			<li id="3"><a href="#">更改头像</a></li>  
		</ul> 
		
		<div class="tab-body" id="0">
			<div class="item"> 
				<label style="margin-top: 0px;">登录帐号</label> 
				<span>{{handler.cookies['email'].value}}</span> <a href="#">更改邮箱地址</a>
			</div>
			<div class="item"> 
				<label style="margin-top: 0px;">昵称</label>   
				<span>{{handler.cookies['name'].value}}</span>
			</div> 
			<div class="modal-footer"> 
				<a href="#" class="btn primary">修改保存</a>
				<a href="#" class="btn" onclick="toggleSettings()">取 消</a>
			</div>
		</div>  
	
		<div class="tab-body hidden" id="1">
			<div class="item"> 
			</div>  
			<div class="modal-footer"> 
				<a href="#" class="btn primary">修改保存</a>
				<a href="#" class="btn" onclick="toggleSettings()">取 消</a>
			</div>
		</div> 
		
		<div class="tab-body hidden" id="2">
			<div class="item"> 
				<label>旧的登录密码</label>   
				<input type="password">
			</div> 
			<div class="item"> 
				<label>新密码</label>   
				<input type="password">
			</div> 
			<div class="item"> 
				<label>再次输入新密码</label>   
				<input type="password">
			</div>  
			<div class="modal-footer"> 
				<a href="#" class="btn primary">修改保存</a>
				<a href="#" class="btn" onclick="toggleSettings()">取 消</a>
			</div>
		</div> 
		<div class="tab-body hidden" id="3" onclick="">
			<div class="modal-body">   
				<div id="upload-container">
		    		<div class="upload" >  
			    		<div class="tips">
				    		<div class="tip1">将照片拖动到此处</div> 
				    		<div class="tip2">您也可以...</div>   
						</div>  
						<div id='file-uploader' class="upload-btn2"></div>
		    		</div>   
		    		<div class="upload-image"> 
					</div> 
		    	</div> 
			</div> 
			<div id="upload-footer" class="modal-footer">   
				<a href="#" class="btn primary">设置为个人资料照片</a>
				<a href="#" class="btn" onclick="toggleSettings();return false;">取 消</a>
				
			</div>  
		</div>
	</div>
</div> 